import {Button, Form, Input, Modal} from "antd";
import React from "react";

const ServiceModal = ({visible = false, setVisible}) => {

    return (
        <Modal
            footer={false}
            onCancel={() => setVisible(false)}
            title={'客服设置'}
            visible={visible}>
            <Form>
                <Form.Item
                    name={'service'}
                    label={'客服'}>
                    <Input placeholder={'请输入'}/>
                </Form.Item>
                <Form.Item style={{marginTop: 10, textAlign: 'center'}}>
                    <Button
                        htmlType="submit" type={'primary'}
                    >提交并设置</Button>
                    <Button style={{marginLeft: 15}}
                            onClick={_ => setVisible(false)}
                    >取消</Button>
                </Form.Item>
            </Form>
        </Modal>
    );

};

export default ServiceModal;